<template>
  <div style="height: 100%">
    <div class="clear"></div>
    <div class="data_left05" style="padding-top: 5px;">
      <div class="dataAllNo02">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit">安全事故分析</div>
            <p class="data_chart02" id="shijian01"></p>
          </div>
        </div>
      </div>
    </div>
    <div class="data_left05" style="padding-top: 5px;">
      <div class="dataAllNo02 ">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit">安全汇总分析</div>
            <table class="table_data02">
              <tr><td class="font07">事件类型</td><td class="font03">5个</td><td class="font07">安全事件赔偿金额</td><td class="font02">21万</td></tr>
              <tr><td class="font07">最多发生事件</td><td class="font01">其它</td><td class="font07">最少发生事件</td><td class="font01">医疗</td></tr>

            </table>
            <p class="data_chart02" id="shijian03"></p>
          </div>
        </div>
      </div>
    </div>
    <div class="clear"></div>
    <div class="data_left05">
      <div class="dataAllNo02">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit">安全事件占比分析</div>
            <p class="data_chart02" id="shijian02"></p>
          </div>
        </div>

      </div>
    </div>
    <div class="data_left05">
      <div class="dataAllNo02">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit">安全事件数量分析</div>
            <p class="data_chart03" id="shijian04"></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    data() {
      return {

      }
    }
  }
</script>

<style lang="scss" scoped>
  @import "~@/assets/screen/screen2/scss/common.scss";
</style>
